<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Admin Sapce | Blank Page</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="library/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="library/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="library/ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/admin-space.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<section id="layout">
    <header>
        <!-- Logo -->
        <a href="index.html" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><b>A</b>LT</span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>Admin</b>LTE</span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- Messages: style can be found in dropdown.less-->
                    <li class="dropdown messages-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-envelope-o"></i>
                            <span class="label label-success">4</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">You have 4 messages</li>
                            <li>
                                <!-- inner menu: contains the actual data -->
                                <ul class="menu">
                                    <li><!-- start message -->
                                        <a href="#">
                                            <div class="pull-left">
                                                <img src="dist/img/user2-160x160.jpg" class="img-circle"
                                                     alt="User Image">
                                            </div>
                                            <h4>
                                                Support Team
                                                <small><i class="fa fa-clock-o"></i> 5 mins</small>
                                            </h4>
                                            <p>Why not buy a new awesome theme?</p>
                                        </a>
                                    </li>
                                    <!-- end message -->
                                </ul>
                            </li>
                            <li class="footer"><a href="#">See All Messages</a></li>
                        </ul>
                    </li>
                    <!-- Notifications: style can be found in dropdown.less -->
                    <li class="dropdown notifications-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-bell-o"></i>
                            <span class="label label-warning">10</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">You have 10 notifications</li>
                            <li>
                                <!-- inner menu: contains the actual data -->
                                <ul class="menu">
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-users text-aqua"></i> 5 new members joined today
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer"><a href="#">View all</a></li>
                        </ul>
                    </li>
                    <!-- Tasks: style can be found in dropdown.less -->
                    <li class="dropdown tasks-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-flag-o"></i>
                            <span class="label label-danger">9</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">You have 9 tasks</li>
                            <li>
                                <!-- inner menu: contains the actual data -->
                                <ul class="menu">
                                    <li><!-- Task item -->
                                        <a href="#">
                                            <h3>
                                                Design some buttons
                                                <small class="pull-right">20%</small>
                                            </h3>
                                            <div class="progress xs">
                                                <div class="progress-bar progress-bar-aqua" style="width: 20%"
                                                     role="progressbar" aria-valuenow="20" aria-valuemin="0"
                                                     aria-valuemax="100">
                                                    <span class="sr-only">20% Complete</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <!-- end task item -->
                                </ul>
                            </li>
                            <li class="footer">
                                <a href="#">View all tasks</a>
                            </li>
                        </ul>
                    </li>
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
                            <span class="hidden-xs">Alexander Pierce</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header">
                                <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">

                                <p>
                                    Alexander Pierce - Web Developer
                                    <small>Member since Nov. 2012</small>
                                </p>
                            </li>
                            <!-- Menu Body -->
                            <li class="user-body">
                                <div class="col-xs-4 text-center">
                                    <a href="#">Followers</a>
                                </div>
                                <div class="col-xs-4 text-center">
                                    <a href="#">Sales</a>
                                </div>
                                <div class="col-xs-4 text-center">
                                    <a href="#">Friends</a>
                                </div>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a href="#" class="btn btn-default btn-flat">Profile</a>
                                </div>
                                <div class="pull-right">
                                    <a href="#" class="btn btn-default btn-flat">Sign out</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <section id="body">
        <aside id="left-side">
            <!-- search form -->
            <form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
                </div>
            </form>
            <!-- /.search form -->
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="header">MAIN NAVIGATION</li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>Dashboard</span> <i
                            class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
                        <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-files-o"></i>
                        <span>Layout Options</span>
                        <span class="label label-primary pull-right">4</span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
                        <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
                        <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
                        <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="../widgets.html">
                        <i class="fa fa-th"></i> <span>Widgets</span>
                        <small class="label pull-right bg-green">Hot</small>
                    </a>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>Charts</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                        <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                        <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                        <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-laptop"></i>
                        <span>UI Elements</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
                        <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
                        <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
                        <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
                        <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
                        <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-edit"></i> <span>Forms</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
                        <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
                        <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-table"></i> <span>Tables</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
                        <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
                    </ul>
                </li>
                <li>
                    <a href="../calendar.html">
                        <i class="fa fa-calendar"></i> <span>Calendar</span>
                        <small class="label pull-right bg-red">3</small>
                    </a>
                </li>
                <li>
                    <a href="../mailbox/mailbox.html">
                        <i class="fa fa-envelope"></i> <span>Mailbox</span>
                        <small class="label pull-right bg-yellow">12</small>
                    </a>
                </li>
                <li class="treeview active">
                    <a href="#">
                        <i class="fa fa-folder"></i> <span>Examples</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
                        <li><a href="profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
                        <li><a href="login.html"><i class="fa fa-circle-o"></i> Login</a></li>
                        <li><a href="register.html"><i class="fa fa-circle-o"></i> Register</a></li>
                        <li><a href="lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
                        <li><a href="404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
                        <li><a href="500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
                        <li class="active"><a href="blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-share"></i> <span>Multilevel</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
                        <li>
                            <a href="#"><i class="fa fa-circle-o"></i> Level One <i
                                    class="fa fa-angle-left pull-right"></i></a>
                            <ul class="treeview-menu">
                                <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
                                <li>
                                    <a href="#"><i class="fa fa-circle-o"></i> Level Two <i
                                            class="fa fa-angle-left pull-right"></i></a>
                                    <ul class="treeview-menu">
                                        <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                                        <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
                    </ul>
                </li>
                <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a>
                </li>
                <li class="header">LABELS</li>
                <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
                <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
                <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
            </ul>
        </aside>
        <aside id="right-side">
            <div class="content">
                <div class="content-header with-border">
                    <div class="container-fluid panel-container">
                        <div class="col-xs-5">
                            <ul class="nav navbar-nav">
                                <li><a href="#"><i class="fa fa-filter"></i>&nbsp;Filter</a></li>
                                <li class="dropdown">
                                    <a data-toggle="dropdown" class="dropdown-toggle" href="#" aria-expanded="false">
                                        <i class="fa fa-sort"></i>&nbsp;Sort By: <span class="caret"></span>
                                        <span class="sr-only">(current)</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li class="active"><a href="#">Latest</a></li>
                                        <li><a href="#">Oldest</a></li>
                                        <li><a href="#">Price - ASC</a></li>
                                        <li><a href="#">Price - DESC</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="col-xs-2 text-center ">
                            <h3 class="content-title">Default Box Example</h3>
                        </div>
                        <div class="col-xs-5">
                            <ul class="nav navbar-nav pull-right">
                                <li><a href="#"><i class="ion-ios-download-outline"></i>&nbsp;Import</a></li>
                                <li><a href="#"><i class="ion-ios-upload-outline"></i>&nbsp;Export</a></li>
                                <li><a href="#"><i class="fa fa-plus"></i>&nbsp;Create</a></li>
                                <li><a href="#"><i class="fa fa-edit"></i>&nbsp;Edit</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="content-body">
                    <div class="row">
                        <div class="col-md-3 filter-col">
                            <div class="sidebar-block equal-padding">
                                <div class="form-group input-group">
                                    <input type="text" class="form-control" placeholder="Search">
                                        <span class="input-group-btn">
                                            <button class="btn btn-primary" type="button"><i class="fa fa-search"></i>
                                            </button>
                                        </span>
                                </div>
                            </div>
                            <div class="category">Price</div>
                            <div class="sidebar-block">
                                <div class="slider slider-horizontal" id="">
                                    <div class="slider-track">
                                        <div class="slider-selection" style="left: 24.2424%; width: 20.202%;"></div>
                                        <div class="slider-handle min-slider-handle" tabindex="0"
                                             style="left: 24.2424%;"></div>
                                        <div class="slider-handle max-slider-handle" tabindex="0"
                                             style="left: 44.4444%;"></div>
                                    </div>
                                    <div class="tooltip tooltip-main top"
                                         style="left: 34.3434%; margin-left: -33px;">
                                        <div class="tooltip-arrow"></div>
                                        <div class="tooltip-inner">250 : 450</div>
                                    </div>
                                    <div class="tooltip tooltip-min top"
                                         style="left: 24.2424%; margin-left: -18px;">
                                        <div class="tooltip-arrow"></div>
                                        <div class="tooltip-inner">250</div>
                                    </div>
                                    <div class="tooltip tooltip-max bottom"
                                         style="top: 18px; left: 44.4444%; margin-left: -18px;">
                                        <div class="tooltip-arrow"></div>
                                        <div class="tooltip-inner">450</div>
                                    </div>
                                </div>
                                <input data-slider="default" type="text" value="250,450" data-slider-min="10"
                                       data-slider-max="1000" data-slider-step="5" data-slider-value="[250,450]"
                                       data-slider-handle="square" data="value: '250,450'" style="display: none;">

                                <div class="form-group input-group margin-none">
                                    <div class="row margin-none">
                                        <div class="col-xs-6 padding-none">
                                            <input class="form-control" type="text" placeholder="Min ..">
                                        </div>
                                        <div class="col-xs-6 padding-none">
                                            <input class="form-control" type="text" placeholder="Max ..">
                                        </div>
                                    </div>
                                    <div class="input-group-btn">
                                        <button type="button" class="btn btn-primary"><i class="fa fa-search"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="category">City</div>
                            <div class="sidebar-block">
                                <ul class="list-group list-group-menu">
                                    <li class="list-group-item"><a href="#"><span
                                            class="badge pull-right">120+</span> Miami</a></li>
                                    <li class="list-group-item active"><a href="#"><span
                                            class="badge pull-right">30+</span>
                                        New York</a></li>
                                    <li class="list-group-item"><a href="#"><span
                                            class="badge pull-right">40+</span> Chicago</a></li>
                                    <li class="list-group-item"><a href="#"><span
                                            class="badge pull-right">60+</span> Tennessee</a></li>
                                    <li class="list-group-item"><a href="#"><span
                                            class="badge pull-right">120+</span> Miami</a></li>
                                    <li class="list-group-item"><a href="#"><span
                                            class="badge pull-right">30+</span> New York</a></li>
                                    <li class="list-group-item"><a href="#"><span
                                            class="badge pull-right">40+</span> Chicago</a></li>
                                    <li class="list-group-item"><a href="#"><span
                                            class="badge pull-right">60+</span> Tennessee</a></li>
                                </ul>

                                <div class="form-group">
                                    <div class="select2-container" id="s2id_autogen1" style="width: 100%;"><a
                                            href="javascript:void(0)" class="select2-choice" tabindex="-1"> <span
                                            class="select2-chosen" id="select2-chosen-2">Alaska</span><abbr
                                            class="select2-search-choice-close"></abbr> <span class="select2-arrow"
                                                                                              role="presentation"><b
                                            role="presentation"></b></span></a><label for="s2id_autogen2"
                                                                                      class="select2-offscreen"></label><input
                                            class="select2-focusser select2-offscreen" type="text"
                                            aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2"
                                            id="s2id_autogen2">

                                        <div class="select2-drop select2-display-none select2-with-searchbox">
                                            <div class="select2-search"><label for="s2id_autogen2_search"
                                                                               class="select2-offscreen"></label>
                                                <input type="text" autocomplete="off" autocorrect="off"
                                                       autocapitalize="off" spellcheck="false" class="select2-input"
                                                       role="combobox" aria-expanded="true" aria-autocomplete="list"
                                                       aria-owns="select2-results-2" id="s2id_autogen2_search"
                                                       placeholder=""></div>
                                            <ul class="select2-results" role="listbox" id="select2-results-2"></ul>
                                        </div>
                                    </div>
                                    <select style="width: 100%; display: none;" data-toggle="select2" tabindex="-1"
                                            title="">
                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                            <option value="AK">Alaska</option>
                                            <option value="HI">Hawaii</option>
                                        </optgroup>
                                        <optgroup label="Pacific Time Zone">
                                            <option value="CA">California</option>
                                            <option value="NV">Nevada</option>
                                            <option value="OR">Oregon</option>
                                            <option value="WA">Washington</option>
                                        </optgroup>
                                        <optgroup label="Mountain Time Zone">
                                            <option value="AZ">Arizona</option>
                                            <option value="CO">Colorado</option>
                                            <option value="ID">Idaho</option>
                                            <option value="MT">Montana</option>
                                            <option value="NE">Nebraska</option>
                                            <option value="NM">New Mexico</option>
                                            <option value="ND">North Dakota</option>
                                            <option value="UT">Utah</option>
                                            <option value="WY">Wyoming</option>
                                        </optgroup>
                                        <optgroup label="Central Time Zone">
                                            <option value="AL">Alabama</option>
                                            <option value="AR">Arkansas</option>
                                            <option value="IL">Illinois</option>
                                            <option value="IA">Iowa</option>
                                            <option value="KS">Kansas</option>
                                            <option value="KY">Kentucky</option>
                                            <option value="LA">Louisiana</option>
                                            <option value="MN">Minnesota</option>
                                            <option value="MS">Mississippi</option>
                                            <option value="MO">Missouri</option>
                                            <option value="OK">Oklahoma</option>
                                            <option value="SD">South Dakota</option>
                                            <option value="TX">Texas</option>
                                            <option value="TN">Tennessee</option>
                                            <option value="WI">Wisconsin</option>
                                        </optgroup>
                                        <optgroup label="Eastern Time Zone">
                                            <option value="CT">Connecticut</option>
                                            <option value="DE">Delaware</option>
                                            <option value="FL">Florida</option>
                                            <option value="GA">Georgia</option>
                                            <option value="IN">Indiana</option>
                                            <option value="ME">Maine</option>
                                            <option value="MD">Maryland</option>
                                            <option value="MA">Massachusetts</option>
                                            <option value="MI">Michigan</option>
                                            <option value="NH">New Hampshire</option>
                                            <option value="NJ">New Jersey</option>
                                            <option value="NY">New York</option>
                                            <option value="NC">North Carolina</option>
                                            <option value="OH">Ohio</option>
                                            <option value="PA">Pennsylvania</option>
                                            <option value="RI">Rhode Island</option>
                                            <option value="SC">South Carolina</option>
                                            <option value="VT">Vermont</option>
                                            <option value="VA">Virginia</option>
                                            <option value="WV">West Virginia</option>
                                        </optgroup>
                                    </select>
                                </div>

                                <div class="checkbox checkbox-primary margin-none">
                                    <input id="radius50" type="checkbox" checked="">
                                    <label for="radius50">50km radius</label>
                                </div>
                            </div>

                            <div class="category">Date</div>
                            <div class="sidebar-block">
                                <div class="form-group">
                                    <label class="label-block" for="check-in">Check In</label>

                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                        <input id="check-in" class="datepicker form-control" type="text"
                                               value="24/06/2015">
                                    </div>
                                </div>
                                <div class="form-group margin-none">
                                    <label class="label-block" for="check-out">Check Out</label>

                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                        <input id="check-out" class="datepicker form-control" type="text"
                                               value="dd/mm/yyyy">
                                    </div>
                                </div>
                            </div>

                            <div class="category">Lodging</div>
                            <div class="sidebar-block">
                                <div class="form-group">
                                    <label for="guests">Guests:</label>

                                    <div class="input-group bootstrap-touchspin"><span
                                            class="input-group-addon bootstrap-touchspin-prefix"
                                            style="display: none;"></span><input id="guests"
                                                                                 data-toggle="touch-spin"
                                                                                 data-verticalbuttons="true"
                                                                                 type="text" value="3" name="guests"
                                                                                 class="form-control"
                                                                                 style="display: block;"><span
                                            class="input-group-addon bootstrap-touchspin-postfix"
                                            style="display: none;"></span><span class="input-group-btn-vertical"><button
                                            class="btn btn-default bootstrap-touchspin-up" type="button"><i
                                            class="glyphicon glyphicon-chevron-up"></i></button><button
                                            class="btn btn-default bootstrap-touchspin-down" type="button"><i
                                            class="glyphicon glyphicon-chevron-down"></i></button></span></div>
                                </div>
                                <div class="form-group margin-none">
                                    <p class="help-block margin-none"><a href="#lodging" data-toggle="collapse">+
                                        more</a></p>
                                </div>

                                <div class="collapse" id="lodging">
                                    <br>

                                    <div class="form-group">
                                        <label for="bedrooms">Bedrooms:</label>

                                        <div class="input-group bootstrap-touchspin"><span
                                                class="input-group-addon bootstrap-touchspin-prefix"
                                                style="display: none;"></span><input id="bedrooms"
                                                                                     data-toggle="touch-spin"
                                                                                     data-verticalbuttons="true"
                                                                                     type="text" value="3"
                                                                                     name="guests"
                                                                                     class="form-control"
                                                                                     style="display: block;"><span
                                                class="input-group-addon bootstrap-touchspin-postfix"
                                                style="display: none;"></span><span
                                                class="input-group-btn-vertical"><button
                                                class="btn btn-default bootstrap-touchspin-up" type="button"><i
                                                class="glyphicon glyphicon-chevron-up"></i></button><button
                                                class="btn btn-default bootstrap-touchspin-down" type="button"><i
                                                class="glyphicon glyphicon-chevron-down"></i></button></span></div>
                                    </div>
                                    <div class="form-group margin-none">
                                        <label for="bathrooms">Bathrooms:</label>

                                        <div class="input-group bootstrap-touchspin"><span
                                                class="input-group-addon bootstrap-touchspin-prefix"
                                                style="display: none;"></span><input id="bathrooms"
                                                                                     data-toggle="touch-spin"
                                                                                     data-verticalbuttons="true"
                                                                                     type="text" value="2"
                                                                                     name="guests"
                                                                                     class="form-control"
                                                                                     style="display: block;"><span
                                                class="input-group-addon bootstrap-touchspin-postfix"
                                                style="display: none;"></span><span
                                                class="input-group-btn-vertical"><button
                                                class="btn btn-default bootstrap-touchspin-up" type="button"><i
                                                class="glyphicon glyphicon-chevron-up"></i></button><button
                                                class="btn btn-default bootstrap-touchspin-down" type="button"><i
                                                class="glyphicon glyphicon-chevron-down"></i></button></span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-9 content-col">
                            <div class="list-group">
                                <a class="list-group-item active" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                                <a class="list-group-item" href="#">
                                    <h4 class="list-group-item-heading">List group item heading</h4>

                                    <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.
                                        Maecenas sed diam eget risus varius blandit.</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <aside id="clearfix"></aside>
    </section>
</section>
<!-- jQuery -->
<script src="library/jquery/jquery.min.js"></script>
<!-- Bootstrap-->
<script src="library/bootstrap/js/bootstrap.min.js"></script>
<!-- NiceScroll -->
<!-- TODO not enabled -->
<script src="library/jquery.nicescroll/jquery.nicescroll.min.js"></script>
<!-- FastClick -->
<!-- TODO not enabled -->
<script src="library/fastclick/fastclick.min.js"></script>
<!-- Sidebar Tree Menu -->
<script src="dist/js/jquery.treemenu.min.js"></script>
<!-- Admin Space -->
<script src="dist/js/admin.space.min.js"></script>
</body>
</html>
